<section class="form-container-custom">
    <div class="row" style="margin-top: 80px;">
    	<div class="small-0 medium-3 large-4 columns show-for-medium-up">
			&nbsp;
		</div>
        <div class="small-12 medium-6 large-4 columns panel">
	        <form name="superForm">
				<div class="row">
					<div class="small-12 columns">
						<h4>Iniciar Sesi&oacute;n</h4>
						<hr>
					</div>
				</div>
				<div class="row">
					<div class="small-12 columns">
						<label>Usuario <small>requerido</small>
							<input type="text" 
								   autofocus
								   name="username" 
								   ng-model="user.username"
								   maxlength="100" 
								   placeholder="Usuario" required />
						</label>
						<span class="error" 
								style="margin-top: -16px"
								ng-show="superForm.username.$dirty && superForm.username.$invalid">
							<span ng-show="superForm.username.$error.required">
								El nombre de usuario es requerido.
							</span>
					    </span>
					</div>
				</div>
				<div class="row">
					<div class="small-12 columns">
						<label>
							<input type="password" 
								   name="password" 
								   ng-model="user.password"
								   maxlength="100" 
								   placeholder="Contrase&ntilde;a" required />
						</label>
						<span class="error" 
								style="margin-top: -16px"
								ng-show="superForm.password.$dirty && superForm.password.$invalid">
							<span ng-show="superForm.password.$error.required">
								La contrase&ntilde;a es requerida.
							</span>
						</span>
					</div>
				</div>
				<div class="row">
					<div class="small-12 columns">
						<label for="checkbox1">
							<input type="checkbox" id="checkbox1"> Recordarme
						</label>
					</div>
				</div>
				<div class="row">
		            <div class="small-12 columns">
		                <button class="button tiny no-margin-custom expand" 
		                    ng-click="login()"
		                    id="continueButton">Iniciar Sesi&oacute;n</button>
		            </div>
				</div>
			</form>
        </div>
        <div class="small-0 medium-3 large-4 columns show-for-medium-up">
			&nbsp;
		</div>
    </div>
</section>